String.prototype.trim = function () {
    return this.replace(/(^\s*)|(\s*$)/g, '');
};
$(document).ready(function () {
    $("#weather_font").click(function () {
        var text = $("#city").val().trim();
        if (text == '') {
            return;
        }
        $.ajax({
            type: "get",
            url: "http://wthrcdn.etouch.cn/weather_mini",
            data: {city: text},
            dataType: "json"
        })
            .done(function (msg) {
                if (msg.desc == "OK") {
                    $("#city").val(msg.data.city);
                    $("#warning").hide();
                    $(msg.data.forecast).each(function (index) {
                        var d = $(msg.data.forecast);
                        var li = $("#result ul li");
                        li.eq(index).find(".date").text(d[index].date);
                        li.eq(index).find(".tem").text(d[index].low + d[index].high);
                        li.eq(index).find(".wind").text(d[index].fengli);
                        switch (msg.data.forecast[index].type) {
                            case "多云":
                                li.eq(index).find("img").attr("src", "b/a2big.jpg");
                                break;
                            case "小雨":
                                li.eq(index).find("img").attr("src", "b/a7big.jpg");
                                break;
                            case "霾":
                                li.eq(index).find("img").attr("src", "b/7.png");
                                break;
                            case "多云转阴":
                                li.eq(index).find("img").attr("src", "b/a1.jpg");
                                break;
                            case "阴":
                                li.eq(index).find("img").attr("src", "b/a1.jpg");
                                break;
                            default :
                                li.eq(index).find("img").attr("src", "b/a0big.jpg");
                        }
                    });
                    $("#result").slideDown();
                } else if (msg.desc == "invilad-citykey") {
                    $("#result").hide();
                    $("#warning").slideDown();
                }
            })
    });
    $(document).click(function (e) {
        var text = $("#city").val().trim();
        var font = $("#weather_font");
        var wet = $(".weather");
        var cot = $(".container");
        if (font.is(e.target)) {
            if (text == "") {
                $(".weather").hide();
                $("#city").attr("placeholder", " 请输入城市名称！").css("color", "#A2B5CD");
                return;
            }
        } else if (!wet.is(e.target) && wet.has(e.target).length === 0
            && !cot.is(e.target) && cot.has(e.target).length === 0) {
            wet.slideUp();
        }
    })
})
